<!DOCTYPE html>
<html>
<head lang="en">
    <style type="text/css">
        .title1style{
            font-family: Helvetica ;
            font-size: 6em;
            color:blue;
        }
        .title2style{
            font-family: 黑体 ;
            font-size: 2em;
            color: rgba(16, 3, 2, 0.72);
        }
        .div1style{
            position: absolute;
            width: 250px;
            left:830px;
            top:390px;

            font-family: 黑体;
            font-size: small;
        }
        .button{
            background-color: blue;
            margin-left: 0px;
            color: yellow;
            width: 190px;
            height: 40px;
        }
        .button2{
            background-color:white;
            margin-left: 0px;
            color: blue;
            width: 190px;
            height: 40px;
            border-bottom-color: blue;
        }
        input{
            font-size:1em;
            padding: 10px 10px 10px;
            color: rgba(39, 8, 5, 0.92);
        }
        .style1{
            font-size: 0.5em;
            color: #270805;
        }
        .style2{

            position: absolute;
            width: 350px;
            left:830px;
            top:550px;
        }
        .style3{
            position: absolute;
            width: 190px;
            height: 90px;
            left:830px;
            top:290px;

            padding: 1em 1em 1em;
        }
        .style4{
            position: absolute;
            width: 190px;
            left:830px;
            top:650px;
            font-family: 黑体;
            font-size: small;
        }
    </style>
    <meta charset="UTF-8">
    <title>知乎-与世界分享你的知识、经验和见解</title>
</head>
<body background="../img/303945.jpg">
<h1 class="title1style" align="center">知乎</h1>
<h2 class="title2style" align="center">与世界分享你的知识、经验和见解</h2>
<div class="style3">
    &nbsp&nbsp&nbsp&nbsp<a href="frontgui.html">注册</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a href="frontgui2.html">登录</a>
</div>
<div class="div1style">
    <input name="mobilenum" type="text" size="20" maxlength="20"  placeholder="手机号或邮箱"><br>
    <input name="password" type="password" size="20" maxlength="20"  placeholder="密码"><br><br>
    <input name="submit" type="button" value="登录" class="button"><br>

</div>
<div class="style2"><p><a href="https://www.zhihu.com/terms">手机验证码登录</a>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<a href="https://www.zhihu.com/terms">无法登陆？</a></p>
    <p><a href="https://www.zhihu.com/terms">社交账号登录</a></p>
</div>
<div class="style4">
    <input name="download" type="button" value="下载知乎APP" class="button2"><br>
</div>
</body>
</html>